<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>锁定后的背景</title>
    <style>
    *{
      margin: 0px;
      padding: 0px;
    }
    html,body{
      width: 100%;
      height: 100%;
    }
    #vm{
      width: 100%;
      height: 100%;
    }
    </style>
</head>

<body>
    <div id="vm" @click="callsuoding()">

    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/config.js"></script>
<script type="text/javascript" src="../../script/rest.js"></script>
<script type="text/javascript" src="../../script/vue.2.5.js"></script>
<script type="text/javascript" src="../../script/faskclick.js"></script>
<script type="text/javascript">
    var vm = new Vue({
        el: '#vm',
        data: {
            suodingflag:false
        },
        created: function() {
            var _this = this;
            apiready = function() {
                _this.init();
                api.parseTapmode();
                if ('addEventListener' in document) {
                    document.addEventListener('DOMContentLoaded', function() {
                        FastClick.attach(document.body);
                    }, false);
                }
                api.bringFrameToFront({
                    from: 'suoding'
                });
            }
        },

        methods: {
            init: function() {
            },
            callsuoding(){
              var _this=this;
              api.sendEvent({
                  name: 'suodingxianshi'
              });
            }
        }
    })
</script>

</html>
